<template>
	<view class="like">
		<mescroll-uni ref="mescroll" @getData="getData">
			<block slot="list">
				<view class="t23">
					<view v-for="(item,idx) in 4" :key="idx" @click="goTo('/pages/home/shopDetail')">
						<view><image class="img1" src="https://cdn.uviewui.com/uview/swiper/swiper1.png"></image></view>
						<view class="t24">
							<view>
								莓莓覆盆子蛋糕
							</view>
							<view>
								<image class="img2" src="../../static/img/9.png" mode="widthFix"></image>
							</view>
							<view class="t25">
								¥151.3 <text>¥178</text>
							</view>
						</view>	
						
					</view>
				</view>
			</block>
				
		</mescroll-uni>
	</view>
</template>

<script>
	
	export default{
		components:{
			
		},
		data() {
		 
			return {
				
			}
		},
		  computed: {
		      
		    },
		onLoad() {
		
		},
		methods: {
			getData(){
				
			},
			listenRefresh(){
				
			}
		}
	}
</script>

<style lang="scss">
	
	// .good{
	// 	width: 330rpx;background: #fff;margin-top: 20rpx;
	// 	margin-right:23rpx ;
	// 	&:nth-child(2n) {
	// 		margin-right: 0;
	// 	}
	// }
	.t23{
		padding: 0 30rpx;margin-top: 30rpx;
		>view{
			width: 330upx;
			height: 504upx;
			background: #FFFFFF;
			box-shadow: 0px 2upx 11upx 0upx rgba(0,0,0,0.1);
			border-radius: 16upx;
			display: inline-block;
			border-radius: 20upx;
			margin-right: 30upx;
			margin-bottom: 20upx;
			.img1{
				width: 100%;
				height: 300upx;
				border-top-left-radius: 20upx;
				border-top-right-radius: 20upx;
			
			}
			.t24{
				padding: 20upx;
				.img2{
					width: 72upx;
					height: 40upx;
					margin: 20upx 0;
				}
				.t25{
					font-size: 28upx;
					font-weight: 500;
					color: #333333;
					text{
						font-size: 24upx;
						font-weight: 400;
						display: inline-block;
						text-decoration:line-through;
						color: #999999;
						margin-left: 24upx;
					}
				}
			}
			
		}
		>view:nth-child(2n){
			margin-right: 0;
		}
	}
	
</style>